<template>
    <div class="Index">
        <el-container>
            <el-row class="tac">
                <el-col :span="24">
                    <h5 class="mb-2"><el-icon><HomeFilled /></el-icon> &nbsp; 知识付费运行管理后台</h5>
                    <el-menu router default-active=""   class="el-menu-vertical-demo" >
                        <el-sub-menu index="1">
                            <template #title>
                                <span class="size"><el-icon><Histogram /></el-icon>&nbsp;数据分析</span>
                            </template>
                            <el-menu-item index="1-1" route="/index/dataAnalysis/dataone">数据概括</el-menu-item>
                            <el-menu-item index="1-2" route="/index/dataAnalysis/datatwo">流量分析</el-menu-item>
                            <el-menu-item index="1-3" route="/index/dataAnalysis/datathree">学习分析</el-menu-item>
                            <el-menu-item index="1-4" route="/index/dataAnalysis/datafour">直播分析</el-menu-item>
                        </el-sub-menu>

                        <el-sub-menu index="2">
                            <template #title>
                                <span class="size"><el-icon><Ticket /></el-icon>&nbsp;资产管理</span>
                            </template>
                            <el-menu-item index="2-1" route="/index/propertyone">资产管理</el-menu-item>
                        </el-sub-menu>

                        <el-sub-menu index="3">
                            <template #title>
                                <span class="size"><el-icon><PhoneFilled /></el-icon>&nbsp;营销管理</span>
                            </template>
                            <el-sub-menu index="3-1">
                                <template #title>
                                    <router-link to="/index/youhuiquanfirst"> 优惠券</router-link>
                                </template>
                                <el-menu-item index="3-1-1" route="/index/youhuiquanone">新建满减优惠券</el-menu-item>
                                <el-menu-item index="3-1-2" route="/index/youhuiquantwo">优惠券数据</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="3-2">
                                <template #title>
                                    <router-link to="/index/zhekoufirst">限时折扣</router-link>
                                </template>
                                <el-menu-item index="3-2-1" route="/index/zhekouone">新建折扣活动</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="3-3">
                                <template #title>
                                    <router-link to="/index/manjianfirst">满减满折</router-link>
                                </template>
                                <el-menu-item index="3-3-1" route="/index/manjianone">新建X元减活动</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="3-4">
                                <template #title>
                                    <router-link to="/index/miaoshafirst">秒杀</router-link>
                                </template>
                                <el-menu-item index="3-4-1" route="/index/miaoshaone">新建秒杀活动</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="3-5">
                                <template #title>
                                    <router-link to="/index/manbaofirst">满包邮</router-link>
                                </template>
                                <el-menu-item index="3-5-1" route="/index/manbaoone">新建满包邮活动</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="3-6">
                                <template #title>
                                    <router-link to="/index/manbaofirst">满赠</router-link>
                                </template>
                                <el-menu-item index="3-6-1" route="/index/manzengone">新建满赠活动</el-menu-item>
                            </el-sub-menu>
                            <el-menu-item index="3-7" route="/index/xinke">新客专享价</el-menu-item>
                            <el-sub-menu index="3-8">
                                <template #title>
                                    <router-link to="/index/pintuanfirst">拼团</router-link>
                                </template>
                                <el-menu-item index="3-8-1" route="/index/pintuanone">新建拼团活动</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="3-9">
                                <template #title>
                                    <router-link to="/index/taocanfirst">套餐</router-link>
                                </template>
                                <el-menu-item index="3-9-1" route="/index/taocanone">新建套餐商品</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="3-10">
                                <template #title>
                                    <router-link to="/index/changjingfirst">场景营销</router-link>
                                </template>
                                <el-menu-item index="3-10-1" route="/index/changjingone">新建生日活动</el-menu-item>
                            </el-sub-menu>
                        </el-sub-menu>
                        <el-sub-menu index="4">
                            <template #title>
                                <span class="size"><el-icon><Tools /></el-icon>&nbsp;设置</span>
                            </template>
                            <el-sub-menu index="4-1">
                                <template #title>
                                    <router-link to="/index/Banfirst">Banner图管理</router-link>
                                </template>
                                <el-menu-item index="4-1-1" route="/index/Banone">新建Banner图</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="4-2">
                                <template #title>
                                    <router-link to="/index/Satfffirst">员工管理</router-link>
                                </template>
                                <el-menu-item index="4-2-1" route="/index/Satfffone">新建员工信息</el-menu-item>
                            </el-sub-menu>
                            <el-sub-menu index="4-3">
                                <template #title>
                                    <router-link to="/index/Rolefirst">角色管理</router-link>
                                </template>
                                <el-menu-item index="4-3-1" route="/index/Roleone">新建角色信息</el-menu-item>
                            </el-sub-menu>
                            <el-menu-item index="4-5" route="/index/Daily">操作日志</el-menu-item>
                            <el-menu-item index="4-6" route="/index/Ren">个人信息</el-menu-item>
                        </el-sub-menu>

                    </el-menu>
                </el-col>              
            </el-row>
            <el-container>
                    <el-header class="header">
                        知识付费运营管理后台
                    </el-header>
                    <el-main>
                        <!-- 二级路由出口 -->
                        <router-view />
                    </el-main>
                </el-container>
        </el-container>
    </div>
</template>
<script setup lang="ts">

</script>
<style scoped>
.Index{
    height: 100%;
}
.el-container{
    height: 100%;
}
.tac{
    height: 100%;
}
.mb-2{
    text-align: center;
    line-height: 60px;
    height: 60px;
    background-color: black;
    color: white;
}
.el-col{
    height: 100%;
}
.el-menu-vertical-demo{
    height: 100%;
    width: 200px;
}
.header{
    text-align: center;
    font-weight: 700;
    line-height: 50px;
    background-color: black;
    color: white;
}
.el-main{
    /* background-color: rgba(242, 242, 242, 0.498039215686275); */
    height: 100%;
    background-image: url(../../public/背景.jpg);
    background-repeat: no-repeat; 
    background-position: center; 
    background-attachment: fixed; 
    background-size:100% ;
    padding: 0;
}
a{
    text-decoration:none;
    color:black;
}
.el-row{
    overflow: auto;
}
.el-row::-webkit-scrollbar{
    width: 5px;
}

.el-row::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 5px; 
}

.el-row::-webkit-scrollbar-thumb:hover {
    background: #f40; 
}
.el-menu{
    background-color: black;
}
.size{
    color: white;
}
</style>

